<template>
	<view class="money-box ss-p-38 ss-flex-col ss-row-between box-sizing">
		<view class="ss-flex ss-row-between">
			<view class="bold fs-40">{{ userInfo.lei_money || '0.00' }}</view>
			<view class="ss-flex">
				<text class="ss-font-28">累计收益</text>
				<text class="ss-font-22">（元）</text>
			</view>
		</view>
		<view class="ss-flex ss-row-around ss-m-t-44">
			<view class="ss-flex-col ss-col-center">
				<view class="font-w-500 fs-32">{{ userInfo.today_money || 0 }}</view>
				<view class="fc-dark6 ss-m-t-16 fs-24">今日收益</view>
			</view>
			<view class="ss-flex-col ss-col-center">
				<view class="font-w-500 fs-32">{{ userInfo.today_count || 0 }}</view>
				<view class="fc-dark6 ss-m-t-16 fs-24">今日检测量</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import sheep from "@/sheep"
	const userInfo = computed(() => sheep.$store('user').userInfo)
</script>

<style lang="scss" scoped>
	.money-box {
		width: 100%;
		background: linear-gradient( 226deg, rgba(255,255,255,0.4) 0%, #FFFFFF 100%);
		border-radius: 24rpx;
		border: 3rpx solid;
		border-image: linear-gradient(150deg, rgba(153, 247, 134, 1), rgba(52, 215, 95, 1)) 3 3;
	}
</style>